<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic -->
    	<meta charset="UTF-8" />

		<title>Editable Table | Fire - Admin Template</title>

		<!-- Mobile Metas -->
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<!-- Import google fonts -->
        <link href='http://fonts.useso.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>

		<!-- Favicon and touch icons -->
		<link rel="shortcut icon" href="assets/ico/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon" href="assets/ico/apple-touch-icon.png" />
		<link rel="apple-touch-icon" sizes="57x57" href="assets/ico/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="assets/ico/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="assets/ico/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="assets/ico/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="assets/ico/apple-touch-icon-152x152.png" />

	    <!-- start: CSS file-->

		<!-- Vendor CSS-->
		<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="assets/vendor/skycons/css/skycons.css" rel="stylesheet" />
		<link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<link href="assets/vendor/css/pace.preloader.css" rel="stylesheet" />

		<!-- Plugins CSS-->
		<link href="assets/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
		<link href="assets/plugins/select2/select2.css" rel="stylesheet" />
		<link href="assets/plugins/jquery-datatables-bs3/css/datatables.css" rel="stylesheet" />
		<link href="assets/plugins/magnific-popup/css/magnific-popup.css" rel="stylesheet" />

		<!-- Theme CSS -->
		<link href="assets/css/jquery.mmenu.css" rel="stylesheet" />

		<!-- Page CSS -->
		<link href="assets/css/style.css" rel="stylesheet" />
		<link href="assets/css/add-ons.min.css" rel="stylesheet" />

		<!-- end: CSS file-->


		<!-- Head Libs -->
		<script src="assets/plugins/modernizr/js/modernizr.js"></script>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>

	<body class="pace-done sidebar-hide">

		<!-- Start: Header -->
		<div class="navbar" role="navigation">
			<div class="container-fluid container-nav">

				<!-- Navbar Left -->
				<div class="navbar-left">
					<h3>手语录入系统</h3>

				</div>
				<!-- Navbar Right -->
				<div class="navbar-right">
					<form class="search navbar-form">
						<div class="input-group input-search">
							<input type="text" class="form-control bk-radius" name="q" id="q" placeholder="Search...">
							<span class="input-group-btn">
								<button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
							</span>
						</div>
					</form>
				</div>
				<!-- End Navbar Right -->
			</div>
		</div>
		<!-- End: Header -->

		<!-- Start: Content -->
		<div class="container-fluid content">
			<div class="row">


				<!-- Main Page -->
				<div class="main sidebar-minified">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="panel panel-default bk-bg-white">
								<div class="panel-heading bk-bg-white">
									<i class="fa fa-table red"></i>
									<select id="projectType" name="select"  size="1">
										<option value="1">全部词汇</option>
										<option value="2">已录入</option>
										<option value="3">未录入</option>
									</select>
									<div class="panel-actions">
										<a href="#" class="btn-minimize"><i class="fa fa-caret-up"></i></a>
										<a href="#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="panel-body">
									<div class="row">
										<div class="col-sm-1">
											<div class="bk-margin-bottom-10">
												<button class="btn btn-info">批量录入<i class="fa fa-plus"></i></button>
											</div>
										</div>

									</div>
									<table class="table table-bordered table-striped mb-none" >
										<thead>
											<tr>
												<th>对应手语词汇</th>
												<th>视角</th>
												<th>是否录入</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr class="gradeX">
												<td>Magento</td>
												<td>Internet
													Explorer 4.0
												</td>
												<td>Win 95+</td>
												<td class="actions">
													<button class="btn btn-info" data-toggle='modal' data-target='#Video' >查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeC">
												<td>Magento</td>
												<td>Internet
													Explorer 5.0
												</td>
												<td>Win 95+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Magento</td>
												<td>Internet
													Explorer 5.5
												</td>
												<td>Win 95+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Magento</td>
												<td>Internet
													Explorer 6
												</td>
												<td>Win 98+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Magento</td>
												<td>Internet Explorer 7</td>
												<td>Win XP SP2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Magento</td>
												<td>Safari</td>
												<td>Win XP</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Firefox 1.0</td>
												<td>Win 98+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Firefox 1.5</td>
												<td>Win 98+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Firefox 2.0</td>
												<td>Win 98+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Firefox 3.0</td>
												<td>Win 2k+ / OSX.3+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Safari</td>
												<td>OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Safari 2.0</td>
												<td>OSX.3+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Safari 2.0</td>
												<td>Win 95+ / Mac OS 8.6-9.2</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Safari 2.0</td>
												<td>Win 98SE+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Opera</td>
												<td>Win 98+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.0</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.1</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.2</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.3</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.4</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.5</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.6</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.7</td>
												<td>Win 98+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Mozilla 1.8</td>
												<td>Win 98+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Opera</td>
												<td>Win 98+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Wordpress</td>
												<td>Opera</td>
												<td>Gnome</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 1.2</td>
												<td>OSX.3</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 1.3</td>
												<td>OSX.3</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 2.0</td>
												<td>OSX.4+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 3.0</td>
												<td>OSX.4+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 2.0</td>
												<td>OSX.4+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 2.0</td>
												<td>iPod</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jigoshop</td>
												<td>Safari 2.0</td>
												<td>S60</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 7.0</td>
												<td>Win 95+ / OSX.1+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 7.5</td>
												<td>Win 95+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 8.0</td>
												<td>Win 95+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 8.5</td>
												<td>Win 95+ / OSX.2+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 9.0</td>
												<td>Win 95+ / OSX.3+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 9.2</td>
												<td>Win 88+ / OSX.3+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Opera 9.5</td>
												<td>Win 88+ / OSX.3+</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Safari</td>
												<td>Wii</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Safari</td>
												<td>N800</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Prestashop</td>
												<td>Safari</td>
												<td>Nintendo DS</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeC">
												<td>Jomla</td>
												<td>Safari 2.0</td>
												<td>KDE 3.1</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jomla</td>
												<td>Safari 2.0</td>
												<td>KDE 3.3</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Jomla</td>
												<td>Safari 2.0</td>
												<td>KDE 3.5</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeX">
												<td>Open chart</td>
												<td>Internet Explorer 4.5</td>
												<td>Mac OS 8-9</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeC">
												<td>Open chart</td>
												<td>Internet Explorer 5.1</td>
												<td>Mac OS 7.6-9</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeC">
												<td>Open chart</td>
												<td>Internet Explorer 5.2</td>
												<td>Mac OS 8-X</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>Embedded devices</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeA">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>Embedded devices</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeX">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>Embedded devices</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeX">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>Text only</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeX">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>Text only</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeC">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>Windows Mobile 6</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeC">
												<td>Drupal</td>
												<td>Safari 2.0</td>
												<td>PSP</td>
												<td class="actions">
													<button class="btn btn-info">查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
											<tr class="gradeU">
												<td>Other theme</td>
												<td>All others</td>
												<td>-</td>
												<td class="actions">
													<button class="btn btn-info"data-toggle='modal' data-target='#Video' >查看</button>
													<button class="btn btn-danger">删除</button>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- End Main Page -->

				<!-- Footer -->
				<div id="footer">
					<ul>
						<li>
							<div class="title">Memory</div>
							<div class="bar">
								<div class="progress light progress-sm  progress-striped active">
									<div class="progress-bar progress-squared progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
										60%
									</div>
								</div>
							</div>
							<div class="desc">4GB of 8GB</div>
						</li>
						<li>
							<div class="title">HDD</div>
							<div class="bar">
								<div class="progress light progress-sm  progress-striped active">
									<div class="progress-bar progress-squared progress-bar-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
										40%
									</div>
								</div>
							</div>
							<div class="desc">250GB of 1TB</div>
						</li>
						<li>
							<div class="title">SSD</div>
							<div class="bar">
								<div class="progress light progress-sm  progress-striped active">
									<div class="progress-bar progress-squared progress-bar-warning" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
										70%
									</div>
								</div>
							</div>
							<div class="desc">700GB of 1TB</div>
						</li>
						<li>
							<div class="copyright">
								<p class="text-muted text-right">Fire <i class="fa fa-coffee"></i> Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></p>
							</div>
						</li>
					</ul>
				</div>
				<!-- End Footer -->

			</div>
		</div><!--/container-->

		<div class="modal fade modal-fullscreen" id="Video" tabindex="-1" role="dialog" aria-labelledby="modalLargeLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="title" id="wordName">名称</h4>
						<h4 class="title" id="wordDirection">左</h4>
					</div>
					<!--视频-->
					<div class="modal-body" id="wordVideo">

					</div>
				</div>
			</div>
		</div>


		<div class="clearfix"></div>


		<!-- start: JavaScript-->

		<!-- Vendor JS-->
		<script src="assets/vendor/js/jquery.min.js"></script>
		<script src="assets/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="assets/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="assets/vendor/skycons/js/skycons.js"></script>
		<script src="assets/vendor/js/pace.min.js"></script>

		<!-- Plugins JS-->
		<script src="assets/plugins/moment/js/moment.min.js"></script>
		<script src="assets/plugins/select2/select2.js"></script>
		<script src="assets/plugins/jquery-datatables/media/js/jquery.dataTables.js"></script>
		<script src="assets/plugins/jquery-datatables-bs3/js/datatables.js"></script>
		<script src="assets/plugins/magnific-popup/js/magnific-popup.js"></script>
		<script src="assets/plugins/sparkline/js/jquery.sparkline.min.js"></script>

		<!-- Theme JS -->
		<script src="assets/js/jquery.mmenu.min.js"></script>
		<script src="assets/js/core.min.js"></script>

		<!-- Pages JS -->
		<script src="assets/js/pages/table-editable.js"></script>

		<!-- end: JavaScript-->

	</body>

</html>
